<template>
  <div>
    <!-- <h2>我的优惠券</h2> -->
    <span class="kong"></span>
    <div class="head">
      <van-nav-bar
        title="我的优惠券"
        right-text="兑换"
        left-arrow
        @click-left="onClickLeft"
        @click-right="onClickRight"
        fixed
      />
    </div>
    <div class="main">
      <van-tabs>
        <van-tab title="标签 1">内容 1</van-tab>
        <van-tab title="标签 2">内容 2</van-tab>
        <van-tab title="标签 3">内容 3</van-tab>
      </van-tabs>
    </div>
    <div class="foot">
      <span></span>
      <p>不要着急~</p>
      <p>一会就把优惠券为你呈上</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "Mycoupon",
  methods: {
    onClickLeft() {
      this.$router.push("/myspeed");
    },
    onClickRight() {}
  }
};
</script>

<style scoped>
.main {
  margin-top: 46px;
}
.foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}
.foot span {
  width: 172px;
  height: 172px;
  line-height: 20px;
  text-align: center;
  border: 1px solid rgba(187, 187, 187, 1);
  border-radius: 50%;
}
.foot p {
  color: rgba(16, 16, 16, 1);
  font-size: 14px;
  text-align: center;
  font-family: PingFangSC-regular;
}
.foot p:nth-of-type(2){
    margin-top: -8px;
}
</style>
